html{ overflow-x:hidden; }

.ng-view-container{ position:relative; }
.page{ bottom:0; padding-top:100px; position:absolute; text-align:center; top:0; width:100%; }
.page.ng-leave{ z-index:9999; }
.page.ng-enter{ z-index:8888; }

.page.ng-enter, .page.ng-enter-active{
    -webkit-animation:slideInRight 0.6s both ease-in-out;
	-moz-animation:slideInRight 0.6s both ease-in-out;
	animation:slideInRight 0.6s both ease-in-out;    
}

.page.ng-leave, .page.ng-leave-active{
    -webkit-animation:slideOutLeft 0.6s both ease-in-out;
	-moz-animation:slideOutLeft 0.6s both ease-in-out;
	animation:slideOutLeft 0.6s both ease-in-out;
}

/* slide in from the right */
@keyframes slideInRight{ 			from{ transform:translateX(100%); } 		to{ transform: translateX(0); } }
@-moz-keyframes slideInRight{ 		from{ -moz-transform:translateX(100%); } 	to{ -moz-transform: translateX(0); } }
@-webkit-keyframes slideInRight{ 	from{ -webkit-transform:translateX(100%); } to{ -webkit-transform: translateX(0); } }

/* slide out to left */
@keyframes slideOutLeft{ 			to{ transform: translateX(-100%); } }
@-moz-keyframes slideOutLeft{ 		to{ -moz-transform: translateX(-100%); } }
@-webkit-keyframes slideOutLeft{	to{ -webkit-transform: translateX(-100%); } }